* {
  margin: 0;
  padding: 0;
}

*, :after, :before {
  box-sizing: border-box;
}

body {
  font-family: Roboto, PingFang SC, tahoma, arial, helvetica neue, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;

  .el-popper.topped-etc {
    max-width: 5px;
    padding: 6px 0;
    margin-bottom: 12px;
  }

  #app {
    height: 100%;
    width: 100%;

    .el-overlay {
      .el-drawer.ltr {
        width: 288px !important;

        header {
          margin: 0;
          padding: 12px 12px 12px;
          display: flex;
          flex-direction: row-reverse;

          img {
            margin: 0 auto;
            height: 24px;
          }
        }

        .el-drawer__body {
          padding: 0;

          .el-sub-menu__title {
            padding: 0 12px !important
          }

          .el-menu-item {
            padding: 0 12px !important;

            :nth-child(1) {
              height: 46px;
              line-height: 46px;
              font-size: 16px;
              font-weight: 500;
              color: #1f2023;
            }
          }
        }

        .el-collapse-item__wrap {
          will-change: height;
          background-color: #fff;
          overflow: hidden;
          box-sizing: border-box;
          border-bottom: 1px solid #ebeef5;
        }

        .el-menu-item-group__title {
          height: 0;
          padding: 0;
        }
      }
    }

    a {
      font-weight: normal;
    }

    a:hover {
      color: black;
    }

    .flex-baseline {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
    }
  }
}
